

<template>
  <div class="home">
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
  <el-form-item label="审批人">
    <el-input v-model="formInline.user" placeholder="审批人"></el-input>
  </el-form-item>
  <el-form-item label="活动区域">
    <el-select v-model="formInline.region" placeholder="活动区域">
      <el-option label="区域一" value="shanghai"></el-option>
      <el-option label="区域二" value="beijing"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">查询</el-button>
    <el-button type="primary" @click="onClearFm"> 清空 </el-button>

  </el-form-item>
</el-form>
  </div>
</template>
 
<script>

 
export default {
  name: "Home",
  components: {
    
  },
  data() {
      return {
        formInline: {
          user: '',
          region: ''
        }
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
        console.log(this.formInline)
      },
      onClearFm(){
         //Object.assign(this.$formInline ,this.$options.data().formInline)
         Object.assign(this.$data, this.$options.data())
      }
    }
};
</script>

